<style type="text/css">
div#tpic{
	background-color:steelblue;
	width:590px;
	color:white;
	font-size:30;
}
div#cnts{
	background-color:black;
	width:590px;
	color:white;
	font-size:25;
}
div#lz{
	background-color:chocolate;
	width:590px;
	color:white;
	font-size:25;
	text-align:right;
}
div#rcnt{
	left:100px;
	background-color:chocolate;
	width:590px;
	color:white;
	font-size:25;
}
div#rwho{
	background-color:chocolate;
	width:590px;
	color:white;
	font-size:25;
	text-align:right;
}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Topic</title>
	{% for topic in tpics %}
		{% ifequal topic.key.id n %}
			<div id = tpic>{{topic.ttl}}</div>
			<div id = cnts>{{topic.cnts}}</div>
			<div id = lz>{{topic.who}}</div>
		{% endifequal %}
	{% endfor %}
	{% for reply in replys %}
		{% ifequal reply.tpicid n %}
			<div id = rcnt>{{reply.cnts}}</div>
			<div id = rwho>{{reply.who}}</div>
		{% endifequal %}
	{% endfor %}
	<div id=fom1>
		<form action="" method="post" accept-charset="utf-8">
			<p><textarea name="cnts" id="cnts" style="width:220px;height:50px;" onfocus="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;" onfocusout="this.value = 1">Say something...</textarea></p>
			<p><input type="text" name="who" value="Anonymous" id="who" onfocus="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;">
			<p><input type="submit" value="Submit"></p>
		</form>
	</div>
	<meta name="generator" content="TextMate http://macromates.com/">
	<meta name="author" content="姚 远">
	<!-- Date: 2009-07-09 -->
</head>
<body>
</body>
</html>
